<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Battleships, The Game</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript"
	src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js"></script>
<script type="text/javascript" src="engine.js"></script>
<script type="text/javascript" src="ui.js"></script>

<script type="text/JavaScript" src="curvycorners.js"></script>
</head>
<body>

	<div id="container">

		<div id="header">
			<h1>Battleships, The Game</h1>
		</div>

		<div id="navbar">
			<a href="index.html">Home</a> | <a href="rules.html">Rules</a> | <a
				href="about.html">About</a> | <a href="login.html">Log in</a>
		</div>


		<div id="content">

			<div id="fields">

				<div id="table" class="table">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
				<div id="table2" class="table">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>


			</div>
			<div id="controls">
				<div id="ships" class="myBox">

					<div class="div-table-row">
						<div class="div-table-col">Type of ship</div>
						<div class="div-table-col">Amount</div>
					</div>
					<div class="div-table-row">
						<div class="div-table-col">
							<img class="dragme" id="sh1" src="images/1point.png" alt="Ship1"></img>

						</div>
						<div class="div-table-col" id="sh1n">4</div>
					</div>
					<div class="div-table-row">
						<div class="div-table-col">
							<img class="dragme" id="sh2" src="images/2point.png" alt="Ship2"></img>
						</div>
						<div id="sh2n" class="div-table-col">3</div>
					</div>
					<div class="div-table-row">
						<div class="div-table-col">
							<img id="sh3" class="dragme" src="images/3point.png" alt="Ship3"></img>
						</div>
						<div id="sh3n" class="div-table-col">2</div>
					</div>
					<div class="div-table-row">
						<div class="div-table-col">
							<img id="sh4" class="dragme" src="images/4point.png" alt="Ship4"></img>
						</div>
						<div id="sh4n" class="div-table-col">1</div>
					</div>

				</div>
				<div id="buttons">
				<button id="btn" class="myBox" type="button" onclick="checkIfReady()">Ready!</button> 
				</div>
				<div id="chat" class="myBox"><p>Welcome to the game of battleships. Your current enemy is prepearing for fight. Please place your ships by dragging them from the bay. When you're ready press "Ready!" button. Good luck! </p></div>
			</div>
		</div>


		<div id="footer">
			<p>
				<a href="http://validator.w3.org/check?uri=referer"><img
					src="http://www.w3.org/Icons/valid-xhtml10"
					alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a> <a
					href="http://jigsaw.w3.org/css-validator/check/referer"> <img
					src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
					alt="Valid CSS!" />
				</a> Copyright © 2012 bl bl Company
			</p>
		</div>

	</div>

</body>
</html>
